*{margin: 0; padding: 0;}
.nav{
    height: 43px;
    width: 1092px;
    border-bottom: 1px solid #2dae36;
    margin: 0 auto;
}
.nav-nr{
    width: 120px;
    height: 42px;
    border: 0px solid black;
    background-color: #2dae36;
    border-radius:10px 0 10px 0;
}
.nav-nr p{
   position: relative;
   left: 27px;
   top: 9px;
    color: white;
}
.nav-top{
    MAX-width: 1092px;
    height: 555px;
    /* background-color: red; */
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    /* flex-warp:no-warp|warp 设置项目（子元素）是否换行 */
    flex-wrap: wrap;
    justify-content: space-between;
    /* 上下对齐 */
}
.nav-top>div{
    width: 344px;
    height: 252px;
    border: 0px solid #333;
    margin-top: 10px;
}

@media (max-width:768px){
    .nav-top>div{
        width: 60%;
    }
}
@media (min-width:768px) and (max-width:1100px){
    .nav-top>div{
        width: 40%;
    }
}




.col-pc-12 {
    width: 100%;
 }
 
 .col-pc-11 {
    width: 91.66666667%;
 }
 
 .col-pc-10 {
    width: 83.33333333%;
 }
 
 .col-pc-9 {
    width: 75%;
 }
 
 .col-pc-8 {
    width: 66.66666667%;
 }
 
 .col-pc-7 {
    width: 58.33333333%;
 }
 
 .col-pc-6 {
    width: 50%;
 }
 
 .col-pc-5 {
    width: 41.66666667%;
 }
 
 .col-pc-4 {
    width: 33.33333333%;
 }
 
 .col-pc-3 {
    width: 25%;
 }
 
 .col-pc-2 {
    width: 16.66666667%;
 }
 
 .col-pc-1 {
    width: 8.33333333%;
 }